<template>
  <div>
    <el-card>
      <Category @getCategoryId="getCategoryId"></Category>
    </el-card>
    <el-card style="margin:20px 0">
      底部
    </el-card>
  </div>
</template>

<script>
export default {
  name: "Attr",
  data() {
    return {
      category1Id:'',
      category2Id:'',
      category3Id:''
    }
  },
  methods: {
    getCategoryId({id,flag}){
      switch (flag) {
        case 1:
          this.category1Id=id
          break;
        case 2:
          this.category2Id=id
          break;
        case 3:
          this.category3Id=id
          break;
      }
    }
  },
};
</script>

<style>
</style>